<!DOCTYPE html>
<html lang="en">
<head>
    {% block head %}
    <meta charset="UTF-8">
    <title>{% block title %} hello flask {% endblock %}</title>
    {% block style %}
    <style>

        body{
            margin: 0 0 0 0;
            background-color: #000000;
        }
        .userNav {
            background-color: #222222;
            height: 64px;
            width: 100%;
        }

        .userCon {
            width: 1220px;
            margin: 0 auto;
            height: 100%;
        }

        .userLogo {
            float: left;
            line-height: 64px;
        }

        .userLogo a img {
            margin-top: 11px;
            vertical-align: top;
            height: 42px;
            width: auto;
        }
        a:active, a:link, a:visited {
            text-decoration: none;
        }
        a {
            font-family: Microsoft YaHei;
            cursor: pointer;
            color: #222222;
            text-decoration: none;
        }
        .list-item a {
            padding: 0px 11px 6px;
            border-bottom: 1px solid transparent;
            font-size: 16px;
            color: #fff;
        }

        ul {
            display: block;
            margin-block-start: 1em;
            margin-block-end: 1em;
            margin-inline-start: 0px;
            margin-inline-end: 0px;
            padding-inline-start: 40px;
        }
        ul {
            list-style-image: none;
            list-style-type: none;
        }
        .list {
            height: 64px;
            line-height: 64px;
            float: left;
        }

        .list .list-item {
            float: left;
            padding-left: 7px;
        }


        .l_it:after {
            content: '';
            margin-left: 11px;
            display: block;
            float: right;
            height: 24px;
            width: 1px;
            background: url({{ url_for("static",filename="split.png") }});
            margin-top: 20px;
        }

        .list-item:after {
            border: none
        }
        li {
            display: list-item;
            text-align: -webkit-match-parent;
        }
        .alert{
            background-color: darksalmon;
            color: white;
        }

    </style>
    {% endblock %}
    {% endblock %}
</head>
<body>
    <nav>
        <div class="userNav clearer">
        <div class="userCon">
            <div class="userLogo">
                <a href="{{ url_for('imdb.index') }}" title="IMDb中文网"><img src="./static/logo.png" alt="IMDb中文网"></a>
            </div>
            <ul class="list" id="navs">
                <li class="list-item l_it"><a href="{{ url_for('imdb.index') }}" rel="/" class="tabOn">首页</a></li>
                <li class="list-item l_it"><a href="/movies/" rel="/movies/">影视</a></li>
                <li class="list-item l_it"><a href="/persons/" rel="persons">人物</a></li>
                <li class="list-item l_it"><a href="/news/" rel="news/">资讯</a></li>
                <li class="list-item l_it"><a href="/imdb250/" rel="imdb250/">排行</a></li>
                <li class="list-item "><a href="/awards/" rel="awards/">奖项</a></li>
            </ul>
        </ul>
        </div>
        </div>

    </nav>
    <main>
        {% for msg in get_flashed_messages() %}
            <div class="alert">{{msg}}</div>
        {% endfor %}
        {% block content %}
        {% endblock %}
    </main>
    <footer>
        {% block footer %}
        {% endblock %}
    </footer>
    {% block script %}
    {% endblock %}
</body>
</html>